-----------------------------------------------
JohnyMag Responsive Blogger Template
Name:     JohnyMag
Designer: Mas Template
URL:      http://www.mastemplate.com/
-----------------------------------------------*/
/* GLOBAL
-----------------------------------------------*/
* {
outline: medium none;
  padding: 0px;
  margin: 0px;
}
::selection {
  color:#fff;
  background:#55B2F3
}
::-moz-selection {
  color:#fff;
  background:#55B2F3
}
img {
  border: none;
  max-width: 100%;
  height: auto;
}
a {
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out
}
a:hover {
  color: #55B2F3
}
h1, h2, h3, h4, h5, h6 {
  color: #484747;
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: 500;
  line-height: 24px
}
h1 { font-size: 32px }
h2 { font-size: 26px }
h3 { font-size: 20px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }
p {
  word-break: break-word;
  margin-bottom: 30px
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0px;
  padding: 0px;
  border: 0px none;
  font: inherit;
  vertical-align: baseline;
}
.navbar-o, .post-feeds, .blog-feeds, .block-clear {
  display: none;
}
body {
  margin: 0;
  padding: 0;
  color: #7A7A7A;
  line-height: 24px;
  font-family: "Roboto",Helvetica,Tahoma,Arial;
  font-weight: normal;
  font-size: 14px;
  background: url('http://2.bp.blogspot.com/-bEHo_u-wDZE/U81TcSafc2I/AAAAAAAAB4g/SCX4DqHA3aM/s1600/13.jpg') repeat fixed center top #DDD;
}
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border
}
p {
  margin-bottom: 30px;
}
.widget .widget-content .adst div, .widget .widget-content iframe, .widget .widget-content embed, .widget .widget-content img {
  max-width: 100% !important;
}

/* LAYOUT
-----------------------------------------------*/
#layout .boxed-margin {
  width: 920px;
}
#layout .row {
  width: 860px;
}
#layout .grid_9.righter.omega {
  display: block;
  float: none !important;
}
#layout .head {
  margin: -45px 0px -45px 215px;
}
#layout .logo {
  width: 300px;
}
#layout .banner {
  float: left;
  width: 400px;
  margin: 12px;
}
#layout .sec_head {
  margin: 50px 0px 20px;
}
#layout #tabs {
  display: none;
}
#layout #tab1, #layout #tab2, #layout #tab3, #layout #tab4 {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
#layout .block-clear {
  display: block;
}
#layout .grid_3.footer_w {
  width: 23.5%;
}

/* TEMPLATE CONTAINER	
-----------------------------------------------*/
#layouto {
  position: relative;
  transition: all 0.3s ease 0s;
}
.boxed-margin {
  margin: 30px auto;
  width: 1230px;
  background: none repeat scroll 0% 0% #FFF;
  position: relative;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.clearfix:after, .popular-posts .item-content:after, #layout .layout-clearfix:after {
  clear: both;
}
.clearfix:before, .popular-posts .item-content:before, #layout .layout-clearfix:before, .clearfix:after, .popular-posts .item-content:after, #layout .layout-clearfix:after {
  content: " ";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0px;
  height: 0px;
}
.row {
  width: 1170px;
  margin: 0px auto;
  position: relative;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 1%;
  margin-right: 1%;
}
.grid_9.righter.omega {
  width: 74%;
  box-sizing: border-box;
  float: left !important;
  margin-left: 0;
  margin-right: 1% !important;
}
.grid_3.righter.omega {
  float: left !important;
  margin-right: 0px;
}
.post-author-outer {
  margin: 40px 0;
}
.author_avatar {
  float: left;
  margin: 0px 15px 0px 0px;
}
.author_box p {
  margin: 0px 0px 10px;
}
.widget_social .social {
  margin: -4px 0px 0px -4px;
}
.author_box .widget_social .social a {
  margin: 4px 4px 0px 0px;
  font-size: 14px;
  width: 28px;
  height: 28px;
}
.widget_social a {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#comments {
  padding: 10px 30px !important;
  background: #fff;
  margin: 30px 0px 0px 0px;
}
#comments .user a {
  color: #444;
  font-style: normal;
  font-size: 14px;
  line-height: 26px;
}
#comments .datetime, #comments .datetime a {
  display: inherit;
  margin-left: 0;
  color: #A3A3A3;
  text-decoration: none;
  font-size: 12px;
  margin: -4px 0 0;
}
#comments .datetime a {
  margin: auto;
}
#comments .comment-actions a {
  background: linear-gradient(to bottom, #2AACDB 0%, #1A79C5 100%) repeat scroll 0% 0% transparent;
  border: 1px solid #1B95D0;
  border-radius: 2px;
  color: #FFF;
  font-size: 11px;
  line-height: 1.2em;
  padding: 3px 9px 2px;
  text-transform: uppercase;
  text-decoration: none;
  margin-right: 10px;
}
#comments .comment {
  border-bottom: 1px solid #E5E5E5;
}
#comments .loadmore {
  margin-top: 0;
}
.comment-replies .inline-thread {
  background: none repeat scroll 0% 0% #F8F8FF;
  border-width: 1px 1px 1px 3px;
  border-style: solid;
  border-color: #E2E2E2 #E2E2E2 #E2E2E2 #1B95D0;
}
.b_title, .post-footer {
  display: none;
}
.post-content {
  margin: 0px 0px 40px;
  position: relative;
  border: 1px solid #ECECEC;
  border-top: 2px solid #1D1E20;
  padding: 20px;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}
.post-body.entry-content .featured_thumb a, .post-body.entry-content .featured_thumb img {
  display: block;
  width: 255px;
  height: 180px;
}
.post-body.entry-content .featured_thumb {
  float: left;
  top: 20px;
  position: absolute;
}
.sum_con {
  margin-left: 275px;
}
.post-header {
  margin-left: 275px;
  margin-bottom: 20px;
}
.archivo.post-title {
  font-weight: 600;
  font-size: 20px;
  margin: 0px 0px 10px 275px;
}
.post-header, .post-header .post-header-line-1, .post-header-line-1 a {
  font-size: 11px;
  color: #888;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.post-timestamp:hover a, .post-timestamp:hover i , .post-author:hover a, .post-author:hover i, .post-labels:hover a, .post-labels:hover i {
  color: #55B2F3;
}
.post-timestamp, .post-author, .post-author {
  margin-right: 10px;
}
.readmore {
  position: relative;
  bottom: -1px;
  right: -2px;
  display: inline-block;
  background: #F3F3F3;
  color: #A2A2A2;
  padding: 0 8px;
  font-size: 11px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.readmore:hover {
  color: #FFF;
  background: #55B2F3
}
.status-msg-wrap {
  margin: 0px auto 52px;
  width: 99%;
  border-width: 1px 1px 1px 4px;
  border-color: #eee #eee #eee #EB005D;
  border-style: solid;
}
.status-msg-body {
  margin: 8px 0px;
}
.status-msg-border {
  border-width: 0px;
  opacity: 1;
}
.status-msg-bg {
  background-color: #FFF;
  opacity: 1;
  padding: 10px 0;
}

/* 	HEADER
-----------------------------------------------*/
#header {
  position : relative
}
.head {
  background: #1d1e20;
}
.logo {
  float: left;
  margin: 15px 0;
}
.logo a.text_logo {
  color: #FFF;
  line-height: 58px;
  margin: 0;
}
.logo h1 {
  color: #FFF;
  margin: 0 10px 0 0;
}
.head {
  background: none repeat scroll 0% 0% #1D1E20;
}
.banner {
  float: right;
  margin: 12px 0px;
}
.sec_head {
  position: relative;
  background: none repeat scroll 0% 0% #F3F3F3;
  min-height: 42px;
}
.sec_head .breaking {
  position: relative;
  float: left;
  padding: 9px 10px 9px 18px;
  background: #E75757;
  color: #FFF;
  z-index: 9;
  margin: 0 0 0 -30px;
}
.full .sec_head .breaking {
  margin: 0;
}
.sec_head .breaking:after {
  content: no-close-quote;
  position: absolute;
  width: 0;
  height: 0;
  right: -18px;
  bottom: 0;
  border-top: 42px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-left: 15px solid #E75757;
}
.tickercontainer {
  height: 42px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#ticker {
  height: 28px;
  overflow: hidden;
}
.tickercontainer .mask {
  position: relative;
  left: 0;
  top: 8px;
  overflow: hidden;
}
.newsticker {
  position: relative;
  left: 1000px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.newsticker li {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.newsticker a {
  white-space: nowrap;
  padding: 0;
  margin: 0 60px 0 0;
}
.newsticker span {
  margin: 0 10px 0 0;
  background: #838383;
  color: #FFF;
  padding: 4px 6px;
  font-size: 9px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.newsticker li:hover span {
  background: #1D1E20;
}
.sec_head .right_bar {
  background: #F3F3F3;
  position: absolute;
  top: 0;
  right: 0
}
.sec_head .right_bar .social {
  float: right
}
.sec_head .right_bar .search {
  float: right
}
.social a {
  float: left;
  text-align: center;
  margin: 4px 0 4px 4px;
  width: 34px;
  height: 34px;
  font-size: 16px;
  color: #9E9E9E;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.social a i {
  background: #F7F7F7;
  border-radius: 2px;
  border: 1px solid #EBEBEB;
  padding: 8px 0;
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.social a:hover .fa-twitter, .social a:hover .icons-social-twitter, .with_color a .fa-twitter, .with_color a .icons-social-twitter {
  background: #00abdc;
}
.social a:hover .fa-facebook, .social a:hover .icons-social-facebook, .with_color a .fa-facebook, .with_color a .icons-social-facebook {
  background: #325c94;
}
.social a:hover .fa-dribbble, .social a:hover .icons-social-dribbble, .with_color a .fa-dribbble, .with_color a .icons-social-dribbble {
  background: #fa4086;
}
.social a:hover .fa-rss, .social a:hover .icons-rss, .with_color a .fa-rss, .with_color a .icons-rss {
  background: #f1862f;
}
.social a:hover .fa-github, .social a:hover .icons-social-github, .with_color a .fa-github, .with_color a .icons-social-github {
  background: #333;
}
.social a:hover .fa-instagram, .with_color a .fa-instagram {
  background: #964b00;
}
.social a:hover .fa-linkedin, .social a:hover .icons-social-linkedin, .with_color a .fa-linkedin, .with_color a .icons-social-linkedin {
  background: #0073b2;
}
.social a:hover .fa-pinterest, .social a:hover .icons-social-pinterest, .with_color a .fa-pinterest, .with_color a .icons-social-pinterest {
  background: #d9031f;
}
.social a:hover .fa-google-plus, .social a:hover .icons-social-google-plus, .with_color a .fa-google-plus, .with_color a .icons-social-google-plus {
  background: #d9031f;
}
.social a:hover .fa-foursquare, .with_color a .fa-foursquare {
  background: #0cbadf;
}
.social a:hover .fa-skype, .social a:hover .icons-social-skype, .with_color a .fa-skype, .with_color a .icons-social-skype {
  background: #00b9e5;
}
.social a:hover .fa-cloud, .social a:hover .icons-social-soundcloud, .with_color a .fa-cloud, .with_color a .icons-social-soundcloud {
  background: #ff7700;
}
.social a:hover .fa-youtube, .social a:hover .icons-social-youtube, .with_color a .fa-youtube, .with_color a .icons-social-youtube {
  background: #d9031f;
}
.social a:hover .fa-tumblr, .social a:hover .icons-social-tumblr, .with_color a .fa-tumblr, .with_color a .icons-social-tumblr {
  background: #325c94;
}
.social a:hover .fa-star, .with_color a .fa-star {
  background: #F8AC24;
}
.social a:hover .fa-flickr, .social a:hover .icons-social-flickr, .with_color a .fa-flickr, .with_color a .icons-social-flickr {
  background: #fa4086;
}
.social a:hover .fa-random, .with_color a .fa-random, .social a:hover .fa-envelope-o, .with_color a .fa-envelope-o, .social a:hover .fa-home, .with_color a .fa-home {
  background: #1D1E20;
}
.social a:hover i, .with_color i {
  color: #fff;
}
.with_color a i {
  border: none !important;
}
.search_icon i:hover {
  background: #1D1E20;
  color: #fff;
}
#header .search {
  position: relative;
  margin: 0;
  float: right;
}
.search_icon {
  position: relative;
  cursor: pointer;
  float: left;
  text-align: center;
  margin: 4px 0 4px 4px;
  width: 34px;
  height: 34px;
  font-size: 16px;
  color: #9E9E9E;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.search_icon i {
  font-size: 16px;
  text-align: center;
  background: #F7F7F7;
  border-radius: 2px;
  border: 1px solid #EBEBEB;
  padding: 8px 0;
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header .search form {
  position: relative;
}
#header .search input {
  margin: 0;
  padding: 0 10px;
  display: block;
  line-height: 50px;
  height: 50px;
  border: 1px solid #fff !important;
  border-radius: 3px;
  font-size: 12px;
  color: #222;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header .search button {
  position: absolute;
  top: 16px;
  right: 20px;
  background: none;
  border: 0;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#popup {
  display: none;
  position: fixed;
  width: 500px;
  top: 50%;
  left: 50%;
  z-index: 999;
  margin-left: 0;
}
#popup .search_place {
  color: #fff;
  margin: -100px 0 0 0;
}
#popup .search_place h4 {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: 700;
}
#SearchBackgroundPopup {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  background: none repeat scroll 0% 0% #000;
  opacity: 0.9;
  z-index: 997;
}

/* Navigation
-----------------------------------------------*/
#layouto .sf-menu, #layouto .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
.head .sf-menu {
  z-index: 99;
}
#layouto .sf-menu {
  float: left;
  padding: 0;
  margin: 33px 0;
}
#layouto .sf-menu li {
  float: left;
  border-right: 1px solid #2B2B2B;
  margin: 0;
  padding: 0;
}
#layouto .sf-menu a {
  display: block;
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 0 16px;
  margin: 0 8px;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#layouto .sf-menu ul {
  position: absolute;
  top: -999em;
  width: 172px;
}
.sub-menu {
  display: none;
  visibility: hidden;
}
#layouto .sf-menu li:hover, #layouto .sf-menu li.sfHover, #layouto .sf-menu a:focus, #layouto .sf-menu a:hover, #layouto .sf-menu a:active {
  outline: 0 none;
}
#layouto .sf-menu li:hover {
  visibility: inherit;
}
#layouto .sf-menu > li:hover > a, #layouto .sf-menu > li > a:hover {
  color: #55B2F3;
  border: 1px solid;
  border-radius: 20px;
}
#layouto .sf-menu li:hover ul, #layouto .sf-menu li.sfHover ul {
  z-index: 999;
  top: 59px;
  padding: 33px 0 0;
  display: block;
  visibility: visible;
}
#layouto .sf-menu li li:first-child {
  border-top: 2px solid #55B2F3;
}
#layouto .sf-menu li li {
  border-bottom: 1px solid #313131;
  border-right: 0;
  margin: 0;
  position: relative;
  padding: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: #1D1E20;
}
#layouto .sf-menu li li a:before {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 13px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#layouto .sf-menu li li:hover > a:before, #layouto .sf-menu li li > a:hover:before, #layouto .sf-menu li li.current_page_item > a:before, #layouto .sf-menu li li.current-menu-item > a:before {
  left: 16px;
  opacity: 1;
}
#layouto .sf-menu li li:hover > a, #layouto .sf-menu li li > a:hover, #layouto .sf-menu li li.current_page_item > a, #layouto .sf-menu li li.current-menu-item > a {
  border: 0 none;
  color: #55B2F3;
  padding-left: 30px;
}
#layouto .sf-menu li li a {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0
margin: 0;
  border: 0 none;
  padding: 12px 20px;
  line-height: 20px;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#layouto .sf-menu li:last-child {
  border-right: 0 none;
}
#layouto .sf-menu li.current-menu-item > a {
  color: #55B2F3;
  border: 1px solid;
  border-radius: 20px;
}

/* CONTAINER
-----------------------------------------------*/
.page-content {
  margin: 50px 0px;
}
.grid_3.alpha, .grid_3.omega {
  width: 24%;
}
.grid_6 {
  width: 48%;
}
.grid_6.alpha, .grid_6.omega {
  width: 49%;
}
.righter {
  float: right !important;
}
.alpha {
  margin-left: 0px !important;
}
.omega {
  margin-right: 0px !important;
}
.sidebar-section .widget {
  margin: 0 0 40px 0;
}
.sidebar-section .widget-content, .post-author-outer .b_block, .related-posts .b_block, #comments, .b_block.error-page {
  position: relative;
  border: 1px solid #ECECEC;
  border-top: 2px solid #1D1E20;
  padding: 20px;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}
.no-wid-co {
  border-width: 0px !important;
  padding: 0px !important;
  box-shadow: 0 0 0px !important;
}
.sidebar-section .widget h2:first-child:after, .b_title:after {
  content: no-close-quote;
  position: absolute;
  width: 100%;
  height: 14px;
  bottom: 5px;
  left: 0px;
  background: url('http://2.bp.blogspot.com/-5feHh8DpM_k/U88bANmcxnI/AAAAAAAAB40/69FQdxpYqb0/s1600/title_pat.png') repeat scroll 0% 0% transparent;
  z-index: 1;
}
.sidebar-section .widget h2:first-child, .b_title {
  position: relative;
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 10px;
  z-index: 0;
}
.b_title h3 {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  margin: 0px;
  display: inline-block;
  background: none repeat scroll 0% 0% #FFF;
  padding: 0px 10px 0px 0px;
  z-index: 9;
}
.sidebar-section .widget h2:first-child span {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  margin: 0px;
  display: inline-block;
  background: none repeat scroll 0% 0% #FFF;
  padding: 0px 10px 0px 0px;
  z-index: 9;
}
.widget-content iframe, .widget-content object, .widget-content embed {
  top: 0px;
  left: 0px;
  width: 99%;
  height: 100%;
}
.equal-posts .def_wgr {
  margin-top: 20px !important;
}
.equal-posts .def_wgr:first-child,
.equal-posts .def_wgr:nth-child(2) {
  margin-top: 0 !important;
}

/* TIPSY
-----------------------------------------------*/
.tipsy {
  padding: 5px;
  font-size: 10px;
  position: absolute;
  z-index: 100000;
}
.tipsy-inner {
  padding: 1px 10px 0;
  background-color: #303030;
  color: white;
  max-width: 300px;
  text-align: center;
}
.tipsy-inner {
  border-radius: 2px;
}
.tipsy-arrow {
  position: absolute;
  width: 9px;
  height: 5px;
}
.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}
.tipsy .tipsy-arrow:before {
  content: no-close-quote;
  position: absolute;
  width: 0;
  height: 0;
}
.tipsy-n .tipsy-arrow:before {
  bottom: -1px;
  left: -2px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #303030;
}
.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}
.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
}
.tipsy-s .tipsy-arrow:before {
  bottom: -1px;
  left: -2px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #303030;
}
.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
}
.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
}
.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
}
.tipsy-e .tipsy-arrow:before {
  bottom: -6px;
  right: 0;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-top: 6px solid #303030;
}
.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}
.tipsy-w .tipsy-arrow:before {
  bottom: 6px;
  left: -1px;
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid #303030;
}

/* MMENU
-----------------------------------------------*/
.sub-menu {
  visibility: visible !important;
}
a.btn_canvas {
  color: #FFF !important;
  display: none;
  width: 40px;
  height: 40px;
  position: relative;
  float: left;
  text-align: center;
  z-index: 99;
  margin: 25px 0;
}
a.mymenutwo {
  color: #333 !important;
  margin: 1px 0;
}
a.btn_canvas i {
  font-size: 24px;
  padding: 8px 0;
  display: block;
}
.mm-menu li {
  padding: 0 !important;
  float: none !important;
}
.mm-menu i {
  margin: 0 8px 0 0;
}
.mm-menu li:before {
  content: '' !important;
}
.mm-page, .mm-fixed-top, .mm-fixed-bottom, .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border;
}
html.mm-opened .mm-page, html.mm-opened #mm-blocker {
  left: 0;
  top: 0;
  margin: 0;
  border: 0 solid rgba(0, 0, 0, 0);
}
html.mm-opening .mm-page, html.mm-opening #mm-blocker {
  border: 0 solid rgba(100, 100, 100, 0);
}
.mm-menu .mm-hidden {
  display: none;
}
.mm-fixed-top, .mm-fixed-bottom {
  position: fixed;
  left: 0;
}
.mm-fixed-top {
  top: 0;
}
.mm-fixed-bottom {
  bottom: 0;
}
html.mm-opened .mm-page, .mm-menu > .mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
html.mm-opened {
  overflow-x: hidden;
  position: relative;
}
html.mm-opened .mm-page {
  position: relative;
}
html.mm-background .mm-page {
  background: inherit;
}
#mm-blocker {
  background: url() transparent;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999;
}
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
  display: block;
}
.mm-menu.mm-current {
  display: block;
}
.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
}
.mm-menu > .mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 0;
}
.mm-menu > .mm-panel.mm-opened {
  left: 0%;
}
.mm-menu > .mm-panel.mm-subopened {
  left: -40%;
}
.mm-menu > .mm-panel.mm-highest {
  z-index: 1;
}
.mm-menu > .mm-panel.mm-hidden {
  display: block;
  visibility: hidden;
}
.mm-menu .mm-list {
  padding: 20px 0;
}
.mm-menu > .mm-list {
  padding: 0;
}
.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px;
}
.mm-panel > .mm-list:first-child {
  padding-top: 0;
}
.mm-list, .mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.mm-list {
  font: inherit;
  font-size: 14px;
}
.mm-list a, .mm-list a:hover {
  text-decoration: none;
}
.mm-list > li {
  position: relative;
}
.mm-list > li > a, .mm-list > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  width: auto;
  position: relative;
  left: auto;
}
.mm-list a.mm-subopen {
  width: 40px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.mm-list a.mm-subopen:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.mm-list a.mm-subopen.mm-fullsubopen {
  width: 100%;
}
.mm-list a.mm-subopen.mm-fullsubopen:before {
  border-left: none;
}
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {
  padding-right: 5px;
  margin-right: 40px;
}
.mm-list > li.mm-selected > a.mm-subopen {
  background: transparent;
}
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span {
  padding-right: 45px;
  margin-right: 0;
}
.mm-list a.mm-subclose {
  text-indent: 20px;
  padding-top: 30px;
  margin-top: -20px;
}
.mm-list > li.mm-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
  padding-right: 5px;
}
.mm-list > li.mm-spacer {
  padding-top: 40px;
}
.mm-list > li.mm-spacer.mm-label {
  padding-top: 25px;
}
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mm-list a.mm-subopen:after {
  border-top: none;
  border-left: none;
  right: 18px;
}
.mm-list a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -15px;
  left: 22px;
}
.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
  border-color: transparent;
}
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 16px;
  right: 16px;
}
html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.mm-ismenu {
  background: #202020;
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1);
}
.mm-menu .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.05);
}
html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom {
  left: 80%;
}
.mm-menu {
  width: 80%;
}
@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px;
  }
  html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom {
    left: 140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px;
  }
  html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom {
    left: 440px;
  }
}

/*
	mmenu counters
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%;
}
em.mm-counter + a.mm-subopen {
  padding-left: 40px;
}
em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span {
  margin-right: 80px;
}
em.mm-counter + a.mm-fullsubopen {
  padding-left: 0;
}
.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0;
}
.mm-nosubresults > em.mm-counter {
  display: none;
}
.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}

/*
	mmenu dragOpen
*/
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/*
	mmenu header
*/
.mm-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  width: 100%;
  height: 60px;
  padding: 30px 40px 0 40px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.mm-header .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
}
.mm-header .mm-prev, .mm-header .mm-next {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.mm-header .mm-prev:before, .mm-header .mm-next:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-bottom: -15px;
}
.mm-header .mm-prev {
  left: 0;
}
.mm-header .mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 22px;
}
.mm-header .mm-next {
  right: 0;
}
.mm-header .mm-next:before {
  border-top: none;
  border-left: none;
  right: 18px;
}
.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  padding-top: 20px;
  top: 50px;
}
.mm-menu.mm-hassearch .mm-header .mm-prev:before, .mm-menu.mm-hassearch .mm-header .mm-mext:before {
  margin-bottom: -10px;
}
.mm-menu.mm-hasheader li.mm-subtitle {
  display: none;
}
.mm-menu.mm-hasheader .mm-panel {
  padding-top: 80px;
}
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px;
}
.mm-menu.mm-hasheader.mm-ismenu > .mm-panel {
  padding-top: 60px;
}
.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel {
  padding-top: 100px;
}
.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-header a:before {
  border-color: rgba(255, 255, 255, 0.3);
}

/*
	mmenu labels
*/
.mm-menu.mm-fixedlabels .mm-list {
  background: inherit;
}
.mm-menu.mm-fixedlabels .mm-list > li.mm-label {
  background: inherit !important;
  opacity: 0.97;
  height: 25px;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {
  background: inherit;
  width: 100%;
  position: absolute;
  left: 0;
}
.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {
  padding-top: 25px;
}
.mm-list > li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
}
.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 17px;
}
.mm-list > li.mm-collapsed {
  display: none;
}
.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05);
}

/*
	mmenu searchfield
*/
.mm-search, .mm-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.mm-search {
  background: inherit;
  width: 100%;
  height: 50px;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 2;
}
.mm-search input {
  border: none;
  border-radius: 15px;
  font: inherit;
  font-size: 14px;
  line-height: 30px;
  outline: none;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 10px;
}
.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none;
}
.mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span {
  padding-right: 10px;
}
.mm-menu li.mm-noresults {
  text-align: center;
  font-size: 21px;
  display: none;
  padding-top: 80px;
}
.mm-menu li.mm-noresults:after {
  border: none;
}
.mm-menu.mm-noresults li.mm-noresults {
  display: block;
}
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 60px;
}
.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu li.mm-noresults {
  color: rgba(255, 255, 255, 0.3);
}

/*
	mmenu effects extension
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(40%);
  -moz-transform: translateX(40%);
  -ms-transform: translateX(40%);
  -o-transform: translateX(40%);
  transform: translateX(40%);
}
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%);
}
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(40%);
  -moz-transform: translateY(40%);
  -ms-transform: translateY(40%);
  -o-transform: translateY(40%);
  transform: translateY(40%);
}
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-40%);
  -moz-transform: scale(0.7, 0.7) translateX(-40%);
  -ms-transform: scale(0.7, 0.7) translateX(-40%);
  -o-transform: scale(0.7, 0.7) translateX(-40%);
  transform: scale(0.7, 0.7) translateX(-40%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(40%);
  -moz-transform: scale(0.7, 0.7) translateX(40%);
  -ms-transform: scale(0.7, 0.7) translateX(40%);
  -o-transform: scale(0.7, 0.7) translateX(40%);
  transform: scale(0.7, 0.7) translateX(40%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-40%);
  -moz-transform: scale(0.7, 0.7) translateY(-40%);
  -ms-transform: scale(0.7, 0.7) translateY(-40%);
  -o-transform: scale(0.7, 0.7) translateY(-40%);
  transform: scale(0.7, 0.7) translateY(-40%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(40%);
  -moz-transform: scale(0.7, 0.7) translateY(40%);
  -ms-transform: scale(0.7, 0.7) translateY(40%);
  -o-transform: scale(0.7, 0.7) translateY(40%);
  transform: scale(0.7, 0.7) translateY(40%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}
html.mm-zoom-page.mm-opened .mm-page {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
html.mm-zoom-page.mm-opening .mm-page {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
html.mm-zoom-page.mm-right.mm-opened .mm-page {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}
html.mm-zoom-page.mm-top.mm-opened .mm-page {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}
html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}
html.mm-zoom-panels .mm-panel {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
html.mm-zoom-panels .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}

/*
	jQuery.mmenu fullscreen extension CSS
*/
html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom {
  left: 100%;
}
.mm-menu.mm-fullscreen {
  width: 100%;
}
@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen {
    width: 140px;
  }
  html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen {
    width: 10000px;
  }
  html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 10000px;
  }
}
.mm-menu.mm-top.mm-fullscreen {
  height: 100%;
}
html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
  top: 100%;
}
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: -100%;
}
@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 140px;
  }
  html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 140px;
  }
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 10000px;
  }
  html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 10000px;
  }
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -10000px;
  }
}
.mm-menu.mm-right.mm-fullscreen {
  width: 100%;
}
html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
  right: 100%;
}
@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 140px;
  }
  html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 10000px;
  }
  html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 10000px;
  }
}
.mm-menu.mm-bottom.mm-fullscreen {
  height: 100%;
}
html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: 100%;
}
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
  top: -100%;
}
@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 140px;
  }
  html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 140px;
  }
  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 10000px;
  }
  html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 10000px;
  }
  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -10000px;
  }
}
.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
  left: -100%;
}
@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen.mm-front,  .mm-menu.mm-fullscreen.mm-next {
    left: -140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen.mm-front,  .mm-menu.mm-fullscreen.mm-next {
    left: -10000px;
  }
}
.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
  top: -100%;
}
@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front,  .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front,  .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -10000px;
  }
}
.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
  right: -100%;
}
@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front,  .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front,  .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -10000px;
  }
}
.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
  bottom: -100%;
}
@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front,  .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front,  .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -10000px;
  }
}
html.mm-front .mm-fixed-top, html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}
html.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}
html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}
html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top {
  width: 100%;
}
html.mm-top.mm-opened .mm-page, html.mm-top.mm-opened #mm-blocker {
  top: 0%;
}
html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top, html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  left: 0;
}
.mm-menu.mm-right {
  left: auto;
  right: 0;
}
html.mm-right.mm-opened .mm-page, html.mm-right.mm-opened #mm-blocker, html.mm-right.mm-opened .mm-fixed-top, html.mm-right.mm-opened .mm-fixed-bottom {
  left: auto;
  right: 0%;
}
html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  left: auto;
}
.mm-menu.mm-bottom {
  width: 100%;
  top: auto;
  bottom: 0;
}
html.mm-bottom.mm-opened .mm-page, html.mm-bottom.mm-opened #mm-blocker {
  bottom: 0%;
  top: auto;
}
html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-top, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  top: auto;
  left: 0;
}
.mm-menu.mm-top {
  height: 80%;
}
html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top {
  top: 80%;
}
html.mm-top.mm-opening .mm-fixed-bottom {
  bottom: -80%;
}
@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px;
  }
  html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top {
    top: 140px;
  }
  html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px;
  }
  html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top {
    top: 880px;
  }
  html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -880px;
  }
}
.mm-menu.mm-right {
  width: 80%;
}
html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom {
  right: 80%;
}
@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px;
  }
  html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom {
    right: 140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px;
  }
  html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom {
    right: 440px;
  }
}
.mm-menu.mm-bottom {
  height: 80%;
}
html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom {
  bottom: 80%;
}
html.mm-bottom.mm-opening .mm-fixed-top {
  top: -80%;
}
@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px;
  }
  html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 140px;
  }
  html.mm-bottom.mm-opening .mm-fixed-top {
    top: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px;
  }
  html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 880px;
  }
  html.mm-bottom.mm-opening .mm-fixed-top {
    top: -880px;
  }
}

/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front.mm-opened .mm-page {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}
.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, -moz-transform;
  -ms-transition-property: top, right, bottom, left, -o-transform;
  -o-transition-property: top, right, bottom, left, -o-transform;
  transition-property: top, right, bottom, left, transform;
}
html.mm-front .mm-page, html.mm-front #mm-blocker {
  z-index: 0;
}
.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
html.mm-opened.mm-next .mm-page {
  box-shadow: none;
}
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  left: 0%;
}
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  left: 0;
}
html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
  left: 0;
  top: 0%;
}
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  left: auto;
}
html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
  left: auto;
  right: 0%;
}
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  top: auto;
  left: 0;
}
html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
  left: 0;
  bottom: 0%;
}
.mm-menu.mm-front, .mm-menu.mm-next {
  left: -80%;
}
@media all and (max-width: 175px) {
  .mm-menu.mm-front,  .mm-menu.mm-next {
    left: -140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu.mm-front,  .mm-menu.mm-next {
    left: -440px;
  }
}
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  top: -80%;
}
@media all and (max-height: 175px) {
  .mm-menu.mm-top.mm-front,  .mm-menu.mm-top.mm-next {
    top: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-top.mm-front,  .mm-menu.mm-top.mm-next {
    top: -880px;
  }
}
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  right: -80%;
}
@media all and (max-width: 175px) {
  .mm-menu.mm-right.mm-front,  .mm-menu.mm-right.mm-next {
    right: -140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu.mm-right.mm-front,  .mm-menu.mm-right.mm-next {
    right: -440px;
  }
}
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  bottom: -80%;
}
@media all and (max-height: 175px) {
  .mm-menu.mm-bottom.mm-front,  .mm-menu.mm-bottom.mm-next {
    bottom: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom.mm-front,  .mm-menu.mm-bottom.mm-next {
    bottom: -880px;
  }
}
html.mm-front .mm-fixed-top, html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}
html.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}
html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}

/*
	mmenu themes extension
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.mm-ismenu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-light .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-light .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-light .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-light li.mm-noresults {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}
html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.mm-ismenu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-white .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-white .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.08);
}
.mm-menu.mm-white .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-white li.mm-noresults {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}
html.mm-opened.mm-black .mm-page {
  box-shadow: none;
}
.mm-ismenu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-black .mm-list > li:after {
  border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-black .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
  border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.25);
}
.mm-menu.mm-black .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.15);
}
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.15);
}
.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-black li.mm-noresults {
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15);
}
.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-header a:before {
  border-color: rgba(255, 255, 255, 0.3);
}

/* CAROUSEL
-----------------------------------------------*/
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing {
  cursor: url(images/grabbing.png) 8 8, move;
}
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-theme .owl-controls {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  margin: 1px;
  padding: 3px 11px;
  font-size: 12px;
  background: #7F8081;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  opacity: 1;
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100) !important;
  opacity: 1 !important;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 3px 10px;
  font-size: 12px;
}
.owl-item.loading {
  min-height: 318px;
  background: url(images/AjaxLoader.gif) no-repeat center center;
}
.full .big_carousel {}
.full .big_carousel #big_carousel {
  margin: 0 auto;
  max-width: 1170px;
}
.big_carousel .owl-theme .owl-controls {
  bottom: -31px;
  right: 30px;
}
.slideshow_b5 .owl-controls {
  bottom: -30px;
  right: 0;
}
.big_carousel .owl-pagination, .slideshow_b5 .owl-pagination {
  display: inline-block;
}
.big_carousel .owl-buttons, .slideshow_b5 .owl-buttons {
  display: inline-block;
  margin-left: 10px;
}
.big_carousel img, .slideshow_b5 img {
  width: 100%;
}
.big_carousel .owl-theme .owl-controls .owl-page span, .slideshow_b5 .owl-controls .owl-page span {
  width: 28px;
  height: 7px;
  margin: 0 0 0 4px;
  filter: Alpha(Opacity=30);
  opacity: 0.3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #7F8081;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.featured_thumb {
  position: relative;
}
.featured_thumb img {
  width: 100%;
}
.one_post:hover .featured_thumb .thumb-icon i, .item_small:hover .featured_thumb .thumb-icon i, .featured_thumb:hover .thumb-icon i {
  -webkit-animation: slideDown .4s ease both;
  -moz-animation: slideDown .4s ease both;
  animation: slideDown .4s ease both;
  top: 20px;
}
.featured_thumb .thumb-icon i {
  position: relative;
  width: 100%;
  top: -36px;
  left: 20px;
  font-size: 30px;
  margin: 0 auto;
  display: table;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.featured_thumb .thumb-icon {
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF;
  background: #000;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  filter: Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.featured_thumb:hover .thumb-icon {
  filter: Alpha(Opacity=100);
  opacity: 1;
}
.wgr .details {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  color: #FFF;
  z-index: 98;
}
.wgr .details a, .wgr .details {
  color: #b4b4b4;
}
.wgr .s_category {
  font-size: 10px;
}
.post .s_category {
  font-size: 11px;
}
.wgr .s_category a {
  margin: 0 12px 0 0;
}
.wgr .s_category .morely a {
  margin: 0;
}
.wgr .s_category a:last-child {
  margin: 0;
}
.wgr .s_category {
  padding: 0 0 0 20px;
}
.wgr .more_meta {
  position: absolute;
  right: 20px;
  bottom: 0;
}
.wgr {
  position: relative;
}
.wgr a.first_A:after {
  content: no-close-quote;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 151px;
  background: url('http://2.bp.blogspot.com/-uE-edZMYsrg/U8_-rkIg4uI/AAAAAAAAB5E/b1uFdb4pAdY/s1600/gradient.png') repeat-x scroll 0% 0% transparent;
}
.wgr .more_meta a {
  font-size: 13px;
  margin: 0 0 0 10px;
}
.wgr h3 {
  position: absolute;
  bottom: 40px;
  left: 0;
  padding: 0 20px;
  margin: 0 0 10px !important;
  color: #FFF;
  z-index: 98;
  font-size: 16px;
}
.mi {
  margin-right: 4px !important;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: fadeInLeft .6s ease both;
  -moz-animation: fadeInLeft .6s ease both;
  animation: fadeInLeft .6s ease both;
}
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%,  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%,  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%,  25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}

/* SOCIAL ICONS
-----------------------------------------------*/
.arqam-widget-counter ul, .arqam-widget-counter li {
  list-style: none outside none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none repeat scroll 0% 0% transparent !important;
}
.arqam-widget-counter ul {
  text-align: center;
  overflow: hidden;
  line-height: 0 !important;
}
.arqam-widget-counter.arq-flat.arq-col3 li {
  width: 31%;
  border-width: 0 0 4px;
  border-color: #FFF;
}
.arqam-widget-counter.arq-flat li, .arqam-widget-counter.arq-flat li a, .arqam-widget-counter.arq-flat li a small {
  color: #FFF;
}
.arqam-widget-counter.arq-col3 li {
  border-width: 0 0 1px;
}
.arqam-widget-counter li {
  line-height: 15px;
  display: inline-block;
  width: 32%;
  border-style: solid;
  border-color: #DDD;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  border-width: 0 0 1px;
}
.arqam-widget-counter.arq-flat li, .arqam-widget-counter.arq-flat li a, .arqam-widget-counter.arq-flat li a small {
  color: #FFF;
}
.arqam-widget-counter.arq-col2 li a, .arqam-widget-counter.arq-col3 li a {
  text-align: center;
}
.arqam-widget-counter li a {
  opacity: 1 !important;
  border-radius: 2px !important;
}
.arqam-widget-counter li a {
  color: #444;
  text-decoration: none;
  display: block;
  overflow: hidden;
  opacity: .8;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  padding: 0 0 7px;
}
.arqam-widget-counter.arq-flat li a i {
  margin: 4px auto;
  font-size: 32px;
}
.arqam-widget-counter li a i {
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  font-size: 28px;
  margin: 8px auto;
  width: 50px;
  color: #FFF;
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
}
.arqam-widget-counter li span {
  font-size: 16px !important;
  padding: 2px 0 !important;
}
.arqam-widget-counter li span {
  display: block;
  font-size: 21px;
  text-align: center;
}
.arqam-widget-counter li a small {
  font-size: 12px !important;
  padding: 4px 0 !important;
  display: block !important;
}
.arqam-widget-counter.arq-colored li a i.arqicon-facebook, .arqam-widget-counter.arq-flat li.arq-facebook a {
  background-color: #39599F;
}
.arqam-widget-counter.arq-colored li a i.arqicon-twitter, .arqam-widget-counter.arq-flat li.arq-twitter a {
  background-color: #45B0E3;
}
.arqam-widget-counter.arq-colored li a i.arqicon-github-circled, .arqam-widget-counter.arq-flat li.arq-github a {
  background-color: #666;
}
.arqam-widget-counter.arq-colored li a i.arqicon-rssfeed, .arqam-widget-counter.arq-flat li.arq-rssfeed a {
  background-color: #F5931F;
}
.arqam-widget-counter.arq-colored li a i.arqicon-youtube, .arqam-widget-counter.arq-flat li.arq-youtube a {
  background-color: #CC181E;
}
.arqam-widget-counter.arq-colored li a i.arqicon-dribbble, .arqam-widget-counter.arq-flat li.arq-dribbble a {
  background-color: #FA4086;
}

/* ARCHIVE
-----------------------------------------------*/
#ArchiveList select {
  height: 34px !important;
  width: 99%;
  padding: 8px 5px 0;
}
#ArchiveList select option {
  padding: 5px 10px;
}

/* SIDEBAR TABS
-----------------------------------------------*/
#tabs li {
  display: block;
  float: left;
  width: 25%;
}
#tabs i {
  position: relative;
  font-size: 22px;
  color: #B6B6B6;
  display: block;
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
  cursor: pointer;
}
.ac-t i:after {
  content: no-close-quote;
  position: absolute;
  width: 0;
  height: 0;
  bottom: -12px;
  right: 45%;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #313131;
}
.ac-t i {
  color: #313131 !important;
}
#tab1 {
  display: block;
  opacity: 1;
}
#tab2, #tab3, #tab4, .tab-sections .widget h2:first-child {
  display: none;
  opacity: 0;
}

/* LABELED POSTS
-----------------------------------------------*/
.def_wgr {
  min-width: 248px;
  width: 46%;
  box-sizing: border-box;
  float: left;
  position: relative;
}
.equal-posts img {
  width: 248px;
  height: 273px;
}
.gallery-posts .def_wgr:first-child {
  margin: 0 10px 0 0;
}
.gallery-posts .def_wgr:first-child img {
  width: 254px;
  height: 245px;
}
.gallery-posts .def_wgr img {
  width: 75px;
  height: 75px;
}
.block-posts .item_small:first-child img {
  width: 250px;
  height: 326px;
}
.block-posts .item_small .featured_thumb a.first_A, .block-posts .item_small:first-child .featured_thumb {
  width: 250px;
  height: 326px;
  overflow: hidden;
}
.block-posts .item_small:first-child .featured_thumb .thumb-icon {
  width: 250px;
}
.block-posts .item_small:first-child .featured_thumb {
  clear: both;
  margin: 0;
}
.block-posts .item_small img {
  width: 65px;
  height: 65px;
}
.block-posts .item_small .featured_thumb a, .block-posts .item_small .featured_thumb {
  display: block;
  width: 65px;
  height: 65px;
  overflow: hidden;
}
.block-posts .item_small .featured_thumb .thumb-icon {
  width: 65px;
}
.block-posts .item_small .featured_thumb {
  float: left;
  margin: 0 15px 0 0;
}
.gallery-posts .def_wgr:first-child {
  min-width: 240px;
  width: 254px;
  height: 245px;
}
.gallery-posts .def_wgr {
  min-width: 75px;
  width: 75px;
  margin: 0 0 10px 10px;
  overflow: hidden;
}
.gallery-posts .def_wgr:first-child h3, .gallery-posts .def_wgr:first-child .details, .block-posts .item_small:first-child .featured_thumb a h3, .block-posts .item_small .details h3, .block-posts .item_small:first-child .details .s_category {
  display: block;
}
.gallery-posts .def_wgr h3, .gallery-posts .def_wgr .details, .block-posts .item_small .featured_thumb a h3, .block-posts .item_small:first-child .details h3, .block-posts .item_small .details .s_category {
  display: none;
}
.gallery-posts .def_wgr:first-child a.first_A {
  height: 245px;
}
.gallery-posts .def_wgr a.first_A {
  display: block;
  height: 75px;
}
.block-posts .item_small {
  float: left;
  width: 49%;
  box-sizing: border-box;
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #F1F1F1;
}
.block-posts .item_small:first-child {
  width: 51%;
  margin-right: 15px;
  padding: 0;
  margin: 0;
  border-width: 0;
}
.block-posts .item_small:last-child {
  padding: 0;
  margin: 0;
  border-width: 0;
}
.block-posts .item_small:first-child .featured_thumb a h3 {
  font-size: 17px;
  position: absolute;
  bottom: 40px;
  left: 0;
  padding: 0 20px;
  margin: 0 0 10px !important;
  color: #FFF;
  z-index: 98;
}
.block-posts .item_small:first-child .details {
  color: #B4B4B4;
  position: absolute;
  bottom: 40px;
  left: 21px;
  width: 250px;
  z-index: 98;
}
.block-posts .item_small:first-child .post_meta {
  padding: 0 20px 0 20px;
  font-size: 11px;
}
.block-posts .item_small:first-child .post_meta a {
  color: #B4B4B4;
}
.block-posts .item_small:first-child .post_meta a:hover {
  color: #fff !important;
}
.block-posts .item_small:first-child .post_meta a:nth-child(2) {
  font-size: 13px;
  float: right;
}
.gallery-posts .def_wgr:first-child a.first_A:after {
  width: 100%;
  height: 151px;
  background: url('http://2.bp.blogspot.com/-uE-edZMYsrg/U8_-rkIg4uI/AAAAAAAAB5E/b1uFdb4pAdY/s1600/gradient.png') repeat-x scroll 0% 0% transparent;
}
.gallery-posts .def_wgr a.first_A:after {
  background: none repeat scroll 0% 0% transparent;
  height: 80px;
  width: 80px;
}
.gallery-posts .def_wgr:first-child .featured_thumb .thumb-icon i {
  top: -36px;
  left: 20px;
  font-size: 30px;
}
.gallery-posts .featured_thumb .thumb-icon i {
  top: 20px;
  left: 29px;
  font-size: 18px;
}
.gallery-posts .def_wgr:first-child .featured_thumb:hover .thumb-icon i {
  top: 20px;
}
.gallery-posts .featured_thumb:hover .thumb-icon i {
  top: 30px;
}
.block-posts .item_small a.first_A:after, .def_wgr a.first_A:after {
  content: no-close-quote;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 151px;
  background: url('http://2.bp.blogspot.com/-uE-edZMYsrg/U8_-rkIg4uI/AAAAAAAAB5E/b1uFdb4pAdY/s1600/gradient.png') repeat-x scroll 0% 0% transparent;
}
.equal-posts .def_wgr:first-child, .equal-posts .def_wgr:nth-child(3), .equal-posts .def_wgr:nth-child(5), .equal-posts .def_wgr:nth-child(7), .equal-posts .def_wgr:nth-child(9), .equal-posts .def_wgr:nth-child(11), .equal-posts .def_wgr:nth-child(13), .equal-posts .def_wgr:nth-child(15), .equal-posts .def_wgr:nth-child(17) {
  margin: 0 20px 0 0;
}
.def_wgr h3 {
  position: absolute;
  bottom: 40px;
  left: 0;
  padding: 0 20px;
  margin: 0 0 10px !important;
  color: #FFF;
  z-index: 98;
  font-size: 17px;
}
.def_wgr .details {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  color: #FFF;
  z-index: 98;
}
.def_wgr .s_category {
  padding: 0 0 0 20px;
  font-size: 11px;
}
.def_wgr .s_category a {
  margin: 0 12px 0 0;
}
.def_wgr .details a, .def_wgr .details {
  color: #B4B4B4;
}
.def_wgr .more_meta a {
  margin: 0 0 0 10px;
  font-size: 13px;
}
.wgr .details a:hover, .def_wgr .details a:hover {
  color: #FFF;
}
.block-posts .item_small .details h3 {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
}
.block-posts .item_small .details .post_meta a {
  color: #C2C2C2;
  margin: 0 12px 0 0;
  transition: all 0.2s ease 0s;
  font-size: 12px;
  line-height: 20px;
}
.block-posts .item_small:first-child .details .post_meta a:nth-child(2) {
  display: block;
}
.block-posts .item_small .details .post_meta a:nth-child(2) {
  display: none;
}
.block-posts .item_small .featured_thumb .thumb-icon i {
  font-size: 18px;
}
.block-posts .item_small:first-child .featured_thumb .thumb-icon i {
  font-size: 30px;
}
.more_posts:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.more_posts .item_small {
  width: 100%;
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #333;
}
.more_posts .item_small:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.more_posts .item_small .featured_thumb {
  float: left;
  width: 65px;
  height: 65px;
  margin: 0 15px 0 0;
}
.more_posts .item_small .featured_thumb img {
  width: 65px;
  height: 65px;
}
.more_posts .item_small .item-details h3 {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
}
.more_posts .post_meta {
  font-size: 12px;
  line-height: 20px;
}
#footer .post_meta a {
  color: #969696;
}
.more_posts .post_meta i {
  font-size: 13px;
}
.more_posts .item_small:last-child {
  border-width: 0;
}
#block_carousel {
  margin: 0 -5px;
  width: 102%;
}
#block_carousel .item {
  margin: 0 6px;
}
#block_carousel .featured_thumb img {
  height: 116px;
  width: 165px;
}
#block_carousel .featured_thumb a {
  display: block;
  height: 116px;
}
#block_carousel h3 {
  font-size: 15px !important;
  line-height: 20px;
  margin: 14px 0 2px;
  font-weight: 700;
}
#block_carousel a.date_c {
  display: block;
  font-size: 11px;
  color: #C2C2C2;
  transition: all 0.2s ease 0s;
}
#block_carousel a.date_c:hover, .block-posts .item_small .details .post_meta a:hover {
  color: #55B2F3;
}
#block_carousel .owl-controls, #block_carouselo .owl-controls {
  bottom: auto;
  top: -54px;
  right: -16px;
  background: none repeat scroll 0% 0% #FFF;
  display: block;
  z-index: 9;
  padding: 0 0 0 7px;
}
#block_carouselo .owl-controls {
  right: -20px;
}
#block_carousel .owl-controls .owl-page span, #block_carouselo .owl-controls .owl-page span {
  width: 8px;
  height: 8px;
  margin: 3px 4px;
  background: #7F8081;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#footer_carousel .owl-controls {
  top: -45px;
  right: -2px;
  background: none repeat scroll 0% 0% #1D1E20;
  display: block;
  z-index: 9;
  padding: 0 0 0 6px;
  bottom: auto;
}
#footer_carousel .owl-controls .owl-buttons div {
  margin: 0 !important;
  padding: 0 6px !important;
  background: none repeat scroll 0% 0% transparent !important;
  color: #CECECE !important;
}
#footer_carousel img {
  width: 269px !important;
  height: 295px !important;
}
#block_carouselo .item {
  margin: 0px 6px;
}
#block_carouselo .featured_thumb img {
  height: 140px;
  width: 198px;
}
#block_carouselo .featured_thumb .thumb-icon {
  height: 140px;
  width: 198px;
}
#block_carouselo h3 {
  font-size: 15px !important;
  line-height: 20px;
  margin: 14px 0px 2px;
  font-weight: 700;
}
#block_carouselo .featured_thumb a {
  display: block;
  height: 140px;
  width: 198px;
}

/* SIDEBAR WIDGETS
-----------------------------------------------*/
.recent-posts .item_small:after, .recent-comments .item_small:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.recent-posts .item_small, .recent-comments .item_small {
  width: 100%;
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #F1F1F1;
}
.recent-posts .item_small:last-child {
  padding: 0;
  margin: 0;
  border-width: 0;
}
.recent-posts .item_small .featured_thumb, .recent-comments .item_small .featured_thumb {
  float: left;
  width: 65px;
  height: 65px;
  margin: 0 15px 0 0;
}
.recent-posts .item_small .featured_thumb img {
  width: 65px;
  height: 65px;
}
.recent-comments .featured_thumb img {
  border-radius: 100%;
}
.recent-posts .item_small .item-details h3, .popular-posts .item-thumbnail .item-title {
  line-height: 20px;
  margin: 0 0 8px;
  font-size: 14px;
}
.recent-posts .more_meta, .popular-posts .item-snippet, .recent-comments .post_meta {
  font-size: 12px;
  line-height: 20px;
}
.recent-posts .more_meta a {
  color: #C2C2C2;
  margin: 0 12px 0 0;
  transition: all 0.2s ease 0s;
}
.recent-posts .more_meta a:hover {
  color: #55B2F3;
}
.recent-posts .more_meta i {
  font-size: 13px;
}
.popular-posts ul, .popular-posts ul li {
  padding: 0 !important;
  margin: 0;
  list-style: none outside none;
}
.popular-posts .item-content {
  width: 100%;
  border-bottom: 1px solid #F1F1F1;
  padding: 0 0 8px;
  margin: 0 0 10px;
}
.popular-posts .item-thumbnail img {
  width: 65px;
  height: 65px;
}
.recent-comments .item_small small {
  font-size: 12px;
  font-style: italic;
  color: #B4B4B4;
  padding: 0 0 0 2px;
}
.list-label-widget-content ul, .list-label-widget-content li {
  padding: 0;
  list-style: none;
}
.list-label-widget-content li a {
  background: #F3F3F3;
  color: #525252;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  float: left;
  padding: 5px;
  margin-bottom: 5px;
  line-height: 16px;
  line-height: 16px;
  width: 83%;
  box-sizing: border-box;
  font-size: 13px;
}
.list-label-widget-content li span {
  color: #55B2F3;
  background: #F3F3F3;
  border-radius: 3px;
  float: right;
  padding: 5px;
  margin-bottom: 5px;
  text-align: center;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  width: 15%;
  line-height: 16px;
  padding: 5px;
  font-size: 13px;
}
.list-label-widget-content li span:first-child {
  background: #F3F3F3;
  border: 1px solid #55B2F3;
  border-radius: 3px;
  border-right: 10px solid;
  border-left: 10px solid;
  width: 83% !important;
  box-sizing: border-box;
  float: left;
  padding: 5px;
  margin-bottom: 5px;
  line-height: 16px;
  width: 250px;
}
.list-label-widget-content li a:hover, #footer-nav .list-label-widget-content li a:hover {
  background: #55B2F3;
  color: #fff;
}
.cloud-label-widget-content .label-size {
  font-size: 100%;
  float: left;
}
.cloud-label-widget-content .label-size a {
  color: #666;
  float: left;
  font-size: 12px;
  margin: 0 5px 5px 0;
  padding: 5px;
  text-decoration: none;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
}
.label-size a:hover, .label-size:hover .label-count, .label-size:hover a {
  background-color: #55B2F3;
  color: #FFF;
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
}
.cloud-label-widget-content .label-size span {
  color: #666;
  float: left;
  font-size: 12px;
  margin: 0 5px 5px 0;
  padding: 5px;
  text-decoration: none;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
}
.cloud-label-widget-content .label-size span:first-child, .cloud-label-widget-content .label-size span:first-child span:nth-child(2) {
  background: #55B2F3;
  color: #FFF;
}

/* BACK TO TOP
-----------------------------------------------*/
.hidett {
  bottom: -100px !important;
}
.showtt {
  bottom: -2px !important;
}
#toTop {
  position: fixed;
  right: 12px;
  z-index: 1000;
  bottom: -100px;
  width: 32px;
  height: 32px;
  background: #979797;
  color: #FFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#toTop i {
  padding: 10px 0px 0px 13px;
  display: block;
  font-size: 13px;
}
#toTop:hover {
  opacity: 0.9;
  background: #1D1E20;
  color: #fff;
}

/* FOOTER
-----------------------------------------------*/
#footer {
  background: #1d1e20
}
#footer a {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #fff
}
#footer .post_meta a {
  color: #969696
}
#footer a:hover, 
#footer .post_meta a:hover {
  color: #55B2F3
}
#footer .footer_w {
  margin: 50px 1%
}
.grid_3 {
  width: 23%;
}
.footer_last:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0px;
}
.footer_last {
  border-top: 1px solid #2B2B2B;
  padding: 20px 0px;
}
.copyright {
  font-size: 12px;
  float: left;
}
#footer .sf-menu {
  float: right;
  margin: 0px;
}
#footer .sf-menu a {
  font-size: 12px;
  color: #BBB;
}
.footer-section .widget h2:first-child span {
  background: none repeat scroll 0% 0% #1D1E20;
  color: #FFF;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  margin: 0px;
  display: inline-block;
  padding: 0px 10px 0px 0px;
  z-index: 9;
}
.footer-section .widget h2:first-child:after {
  background: url('http://2.bp.blogspot.com/-PKysAa6k8MQ/U9Kc-1-TnhI/AAAAAAAAB5U/Xq92czIu9Js/s1600/title_pat2.png') repeat scroll 0% 0% transparent;
  content: no-close-quote;
  position: absolute;
  width: 100%;
  height: 14px;
  bottom: 5px;
  left: 0px;
  z-index: 1;
}
.footer-section .widget h2:first-child {
  position: relative;
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 20px;
  z-index: 0;
}
#footer .popular-posts .item-content {
  border-bottom: 1px solid #333;
}
.PopularPosts .widget-content ul li:last-child .item-content, .recent-comments .item_small:last-child {
  border-width: 0px !important;
  padding: 0;
  margin: 0;
}
.social.with_color a:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.follow-by-email-inner p {
  margin-bottom: 30px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address, #s {
  margin: 0px;
  padding: 0px 10px;
  line-height: 24px;
  height: 34px;
  border: 1px solid #EBEBEB;
  background: none repeat scroll 0% 0% #F7F7F7;
  font-size: 13px;
  color: #A7A7A7;
  cursor: text;
  box-sizing: border-box;
  transition: all 0.2s ease 0s;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  color: #FFF;
  border: 0px none;
  outline: medium none;
  padding: 8px 10px;
  cursor: pointer;
  transition: all 0.2s ease 0s;
  background: none repeat scroll 0% 0% #55B2F3;
  height: 34px;
  border-radius: 0px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
  background: none repeat scroll 0% 0% #313235;
}
#footer .widget {
  margin-bottom: 20px;
}

